<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let username = prompt('请输入你的姓名:');
        let userage = parseInt(prompt('请输入你的年龄:'));
        const xhr = new XMLHttpRequest(); // 创建1个ajax对象 

        // 配置请求信息 
        xhr.open('get', `http://localhost:8080/test/third?name=${username}&age=${userage}`);

        // http://localhost:8080/test/third?name=zhangsan&age=18
        // 必须这样才能拿到结果   
        // 否则拿到的是请求错误信息 

        // 发送请求 
        xhr.send();

        //触发注册事件  
        xhr.onload = function () {
            // 拿到后端返回的结果  
            // xhr.responseText 后端返回的数据 在这里 
            // 返回的结果是json 
            const res = JSON.parse(xhr.responseText)
            console.log(res);


        }
    </script>
</body>

</html>